<template>
  <div id="app">
    <fm-generate-table
      :data="jsonData"
      ref="generateForm">
    </fm-generate-table>

    <el-row class="bottom">
      <el-col :span="24">
          <el-button class="make-btn" @click.native="myButton()">我的按钮</el-button>
      </el-col>
  </el-row>
  </div>
</template>

<script>

  export default {
    name: 'formtable',
    components: {
    },
    created() {
      this.jsonData = JSON.parse(this.jsonDataStr)
    },
    methods: {
    },
    data() {
      return {
        editData: {},
        jsonData: {},
        jsonDataStr: '{"list":[{"type":"elBaseTable","icon":"icon-table","options":{"ref":"baseTable","tooltipEffect":"dark","style":"width: 100%","maxHeight":800,"size":"small","border":true,"stripe":true,"fit":true,"selectCl":{"prop":"id","propType":"string","label":"序号","sortable":false,"isDisplay":true,"width":100,"minWidth":100,"resizable":true,"fixed":false,"isColumnGroup":false,"formatConfig":{"number_format":{"decimals":4,"dec_point":".","thousands_sep":","},"dataTme_format":{"formatstr":"{y}-{m}-{d} {h}:{i}:{s}"},"amount_format":{"isWords":true}},"showOverflowTooltip":false,"align":"left"},"headerCellStyle":{"backgroundColor":"#F4F6FC","lineHeight":"40px","fontSize":"12px","color":"#909390"},"columns":[{"prop":"id","propType":"string","label":"序号","sortable":false,"isDisplay":true,"width":100,"minWidth":100,"resizable":true,"fixed":false,"isColumnGroup":false,"formatConfig":{"number_format":{"decimals":4,"dec_point":".","thousands_sep":","},"dataTme_format":{"formatstr":"{y}-{m}-{d} {h}:{i}:{s}"},"amount_format":{"isWords":true}},"showOverflowTooltip":false,"align":"left"}],"tableData":[{"id":"8FZQJ531OK"},{"id":"U46O7LDLMF"},{"id":"PWZA4ME8B8"},{"id":"78I9HKDIF9"},{"id":"KEC3DV635J"}],"defaultValue":[{"id":"8FZQJ531OK"},{"id":"U46O7LDLMF"},{"id":"PWZA4ME8B8"},{"id":"78I9HKDIF9"},{"id":"KEC3DV635J"}],"remote":true,"remoteData":[],"props":{"value":"value","label":"label","children":"children"},"remoteFunc":null},"name":"基础表格","key":"1637484551000_42242","model":"mytable","rules":[]}],"config":{"labelWidth":100,"labelPosition":"right","size":"small"}}',

      }
    }
  }
</script>

<style>

</style>
